<html>
<head>
    <style type="text/css">

        #map-driverself5{
            width:100%;
            height:400px;
            float: left;
            margin-top: 20px;
        }
        #map-driverself4{
            width:100%;
            height:400px;
            float: left;
        }
        #map-driverself3{
            width:100%;
            height:400px;
            float: left;
        }
        #map-driverself2{
            width:100%;
            height:400px;
            float: left;

        }
        #map-driverself{

            width:100%;
            height:400px;
            float: left;
        }
    </style>
</head>

<body>

<div id="map-driver"></div>
<div id="map-driverself"></div>
<div id="map-driverself2"></div>
<div id="map-driverself3"></div>
<div id="map-driverself4"></div>
<div id="map-driverself5" ></div>

<script type="text/javascript" src="__STATIC__/ace/components/jquery/dist/jquery.js"></script>

<script type="text/javascript" src="__STATIC__/echarts3/echarts.js"></script>
<script type="text/javascript" src="__STATIC__/Highcharts-4.2.5/js/highcharts.js"></script>

<script type="text/javascript" src="__STATIC__/echarts3/driverself.js"></script>

<!--<div id="map-driverself"></div>
<div id="map-driverself2"></div>
<div id="map-driverself3"></div>
<div id="map-driverself4"></div>
<div id="map-driverself5" ></div>

<script type="text/javascript" src="__STATIC__/Highcharts-4.2.5/js/highcharts.js"></script>
<script type="text/javascript" src="__STATIC__/ace/components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="__STATIC__/echarts3/echarts.js"></script>
<script type="text/javascript" src="__STATIC__/echarts3/driverself.js"></script>-->



<script type="text/javascript">

    $(function () {
    });

</script>

</body>
</html>